@import '~/src/styles/colors.less';

.product-action {
  position: fixed;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0 env(safe-area-inset-bottom) 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;

  .im {
    flex: 0 0 2rem;
    margin-left: 1rem;
    text-align: center;
    line-height: 2.85rem;
    position: relative;

    .service {
      position: absolute;
      margin-top: 0.3rem;
      border: none;
      border-radius: 2rem;
      width: 2rem;
      height: 2rem;
      font-size: 2rem;
      line-height: 2.85rem;
    }
  }

  .shoppingCarIconWraper {
    margin: 0 1rem;
    overflow: visible;

    .shoppingCarIcon {
      font-size: 2rem;
      line-height: 2.85rem;
      margin-top: 0.5rem;
    }
  }


  .money-action {
    flex: 1;
    display: flex;
    justify-content: flex-end;

    .money-button-wraper {
      display: flex;
      flex: 0 0 53vw;
      margin-right: 0.5rem 0;
      padding-right: 1rem;

      .shopping-car {
        flex: 0 0 53vw;
        margin: 0;
        padding: 0;
        border-radius: 2rem;
        background-color: #aaa;
        height: 2.85rem;
        line-height: 2.85rem;
        text-align: center;
        font-weight: 600;
        color: #fff;
        background-color: @purple100;
      }
    }
  }
}
